<template>
  <view class="test-page">
    <text class="title">测试页面</text>
    <text class="content">如果你能看到这个页面，说明路由工作正常！</text>
    <button @click="goBack" class="btn">返回</button>
  </view>
</template>

<script>
export default {
  name: 'TestPage',
  methods: {
    goBack() {
      uni.navigateBack()
    }
  }
}
</script>

<style scoped>
.test-page {
  padding: 40rpx;
  text-align: center;
}

.title {
  font-size: 48rpx;
  font-weight: bold;
  color: #667eea;
  display: block;
  margin-bottom: 40rpx;
}

.content {
  font-size: 32rpx;
  color: #666;
  display: block;
  margin-bottom: 60rpx;
}

.btn {
  background: #667eea;
  color: white;
  padding: 24rpx 48rpx;
  border-radius: 12rpx;
  border: none;
  font-size: 28rpx;
}
</style>